<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <title>积分兑换商城</title>
    <link rel="stylesheet" type="text/css" href="/mall/css/base.css"/>
    <link rel="stylesheet" type="text/css" href="/mall/css/cation.css"/>
    <link rel="stylesheet" type="text/css" href="/mall/css/mui.min.css"/>
    <link rel="stylesheet" type="text/css" href="/mall/css/loaders.min.css"/>
    <link rel="stylesheet" type="text/css" href="/mall/css/loading.css"/>
    <link rel="stylesheet" href="/mall/css/swiper.min.css">
    <script src="/mall/js/rem.js"></script>
    <script src="/mall/js/jquery.min.js" type="text/javascript"></script>
    <script src="/js/plugins/jrender/jrender.min.js"></script>
    <script type="text/javascript">
        $(window).load(function () {
            $(".loading").addClass("loader-chanage")
            $(".loading").fadeOut(300)
            $(function () {

                //新品
                $.get("/products", {type: 1, pageSize: 1}, function (data) {
                    console.log(data);
                    console.log(data.list[0].imgUrls);
                    $("#new1").renderValues(data);
                })
                //辅助
                $.get("/products", {type: 2, pageSize: 1}, function (data) {
                    $("#p1").renderValues(data);
                })
                //法师
                $.get("/products", {type: 3, pageSize: 1}, function (data) {
                    $("#p2").renderValues(data);
                })
                //坦克
                $.get("/products", {type: 4, pageSize: 1}, function (data) {
                    $("#p3").renderValues(data);
                })
                //射手
                $.get("/products", {type: 5, pageSize: 1}, function (data) {
                    $("#p4").renderValues(data);
                })
                //皮肤
                $.get("/products", {type: 6, pageSize: 1}, function (data) {
                    $("#p5").renderValues(data);
                })
            });
        })
    </script>
</head>
<!--loading页开始-->
<div class="loading">
    <div class="loader">
        <div class="loader-inner pacman">
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
        </div>
    </div>
</div>
<!--loading页结束-->
<body>
<!--头部区域-->
<header class="mui-bar mui-bar-nav" id="header">
    <a class="btn" href="javascript:history.go(-1)">
        <i class="iconfont icon-fanhui"></i>
    </a>
    <h4>商品分类</h4>
    <a class="btn" href="#">
        <i class="iconfont icon-erweima"></i>
    </a>
</header>
<!--头部区域结束-->
<div class="warp clearfloat">
    <div class="cations clearfloat">
        <div class="list clearfloat fl" id="new1">
            <div render-loop="list">
                <a href="shop.html#new1">
                    <p class="tit over box-s">新品热卖</p>
                    <div class="tu">
                        <img render-src="list.imgUrls" style="height:max-content"/>
                    </div>
                </a>
            </div>
        </div>
        <div class="list clearfloat fl" id="p1">
            <div render-loop="list">
                <a href="shop.html#p1">
                    <p class="tit over box-s">辅助</p>
                    <div class="tu">
                        <img render-src="list.imgUrls" style="height:max-content"/>
                    </div>
                </a>
            </div>
        </div>
        <div class="list clearfloat fl" id="p2">
            <div render-loop="list">
                <a href="shop.html#p2">
                    <p class="tit over box-s">法师</p>
                    <div class="tu">
                        <img render-src="list.imgUrls" style="height:max-content"/>
                    </div>
                </a>
            </div>
        </div>
        <div class="list clearfloat fl" id="p3">
            <div render-loop="list">
                <a href="shop.html#p3">
                    <p class="tit over box-s">坦克</p>
                    <div class="tu">
                        <img render-src="list.imgUrls" style="height:max-content"/>
                    </div>
                </a>
            </div>
        </div>
        <div class="list clearfloat fl" id="p4">
            <div render-loop="list">
                <a href="shop.html#p4">
                    <p class="tit over box-s">射手</p>
                    <div class="tu">
                        <img render-src="list.imgUrls" style="height:max-content"/>
                    </div>
                </a>
            </div>
        </div>
        <div class="list clearfloat fl" id="p5">
            <div render-loop="list">
                <a href="shop.html#p5">
                    <p class="tit over box-s">皮肤</p>
                    <div class="tu">
                        <img render-src="list.imgUrls" style="height:max-content"/>
                    </div>
                </a>
            </div>
        </div>
    </div>
</div>

<!--尾部区域-->
<footer class="page-footer fixed-footer" id="footer">
    <ul>
        <li>
            <a href="/mine/store/shop.html">
                <i class="iconfont icon-shouye"></i>
                <p>首页</p>
            </a>
        </li>
        <li class="active">
            <a href="/mine/store/cation.html">
                <i class="iconfont icon-icon04"></i>
                <p>分类</p>
            </a>
        </li>
        <li>
            <a href="/mine/store/shopcar.html">
                <i class="iconfont icon-gouwuche"></i>
                <p>购物车</p>
            </a>
        </li>
        <li>
            <a href="/mine/store/center.html">
                <i class="iconfont icon-yonghuming"></i>
                <p>我的</p>
            </a>
        </li>
    </ul>
</footer>
</body>

</html>

</html>